<template>
    <div>
        <h1>Hello Nuxt.js!</h1>
        <h2>{{ title }}</h2>
        <ul>
            <li v-for="item in posts" :key="item.id">
                <nuxt-link :to="'/article/' + item.id"> {{ item.title }}</nuxt-link>
            </li>
        </ul>
    </div>
</template>
<script>
import axios from 'axios'
export default {
    name:'HomePage',
    //当你想要动态页面内容有利于SEO或者是提升首屏渲染速度的时候，就在asyncData中发请求数据
    async asyncData(){
       const res = await axios({
            method:'GET',
            url:'http://localhost:3000/data.json'
        })
        console.log(res.data);
        return res.data
    },
    // 如果是非异步数据或者普通数据，则正常的初始化到data中即可
    data(){
        return{
            foo:'BAR'
        }
    }
}
</script>